개발 일지 [MGS 3기] - 7. CSS 기초 오늘은 only 온라인 강의로만 진행했습니다! 온라인 강의를 열심히 수강하고 내용들을 간추려보았습니다. 이제부터 본격적으로 CSS를 다루게 될 것 같네요. 스타일을 적용할 웹 페이지의 head 태그에 link 태그를 사용하여 외부 스타일 시트를 포함해야만 스타일이 적용됩니다. @import 방식 main.css)에 다른 종속적인 css 파일을 포함하는 식입니다. 당연히 선택할 요소에는 사전에... 개발 일지메가바이트 스쿨MGSMGS [MGS 3기] - 8. CSS 심화 padding 속성은 내용(content)과 테두리(border) 사이의 간격인 패딩 영역의 크기를 설정합니다. background-image 속성은 해당 HTML 요소의 배경으로 나타날 배경 이미지(image)를 설정합니다. background-repeat 속성을 이용하면 이러한 배경 이미지를 수평이나 수직 방향으로만 반복되도록 설정할 수 있습니다. background-position 속성... 개발 일지메가바이트 스쿨MGSMGS [MGS 3기] - 6. HTML 기초 하지만 닫기 태그가 없을 경우 복잡한 디자인의 경우 브라우저가 잘못 표현 할 수 있고, 이에 따라 대부분의 개발자들은 항상 태그를 닫는 것을 기준으로 사용하고 있습니다. 또한 한 태그가 다른 태그를 감싸는 구조를 이룰 때에는, 닫는 태그까지 모두 감싸고 있어야 합니다. HTML 태그 중에는 스스로 닫는 태그들(Self-Closing Tag)도 존재합니다. 첫 번째 h1 태그 같은 경우에는, ... 개발 일지메가바이트 스쿨MGSMGS [MGS 3기] - 5. CS/HTML 기초 메모리의 개념은 아이러니하게도 컴퓨터 자체의 개념을 먼저 이해하면 더욱 쉽게 이해할 수 있습니다. 컴퓨터는 곧 메모리에 있는 data를 CPU를 통해 계산해주는 계산기라고 볼 수 있기 때문입니다. 그래서 우리가 특정 문자나 숫자를 칠 때에도, 16진법을 이용해 0과 1로 된 신호를 주고 받는 과정을 거치게 됩니다. 이는 곧 10진수를 저장할 수 있는 메모리를 미리 확보하고, a라는 글자로 주... 개발 일지메가바이트 스쿨MGSMGS moeum ) iOS 개발 일지 #1 일기 UICollectionView의 Cell의 높이 변경과 UICollectionView의 높이 변경을 했다. UIView의 애니메이션을 처음 해봤는데, 아직 많이 부족하다. UI 스크린샷 UICollectionView Cell Height 변경 collectionViewHeight가 변경되면 collectionView의 performBatchUpdates를 호출해서 변경된 크기를 다시 렌... iOS개발 일지moeumiOS moeum ) iOS 개발 일지 #3 일기 AutoLayout으로 삽질을 꽤 오래했는데, 사이트가 유용했다. UI 스크린샷 UICollectionViewCell - AutoLayout 문제는 UICollectionViewCell을 AutoLayout으로 생성하는데, init에서 AutoLayout을 잡으면, 아직 frame이 잡히지 않은 상태에서 anchor를 연결하고, 에러 메세지를 낸다. CalendarCollectionVi... moeumiOS개발 일지UICollectionViewCellUICollectionViewCell RxJS로 React 렌더링 성능 개선하기 특히 내부 구현을 확실하게 모르는 코드를 가져다 사용할 때 이런 문제가 더 발생하는 것 같습니다. 오늘은 react-router를 사용할 때 생겼던 문제와, 결과적으로 RxJS를 도입해 개선했던 과정을 정리해보려 합니다. RouterContext의 location 값을 return하는걸 볼 수 있습니다. constructor를 보시면, history에 listener를 등록해서 history... 개발 일지rxjsReactReact 05) 개인 프로젝트) Auth인증 구현 Part 1 Request 경로 처리기에서 나중에 사용할 수 있도록 인증 된 사용자에 대한 정보를 첨부합니다. 인증이 되면 서버는 인증을 증명하기 위해 후속 요청에서 인증 헤더에 전달자 토큰으로 전송할 수 있는 를 발행합니다. 인증 구현을 위한 패키지 다운로드 사용자이름과 암호를 통해 인증을 구현하기 위해 [passport-local] 패키지를 설치해야합니다. Auth구현을 위한 Module과 Servi... JWTNestJSrestapiJavaScripttypescript개발 일지Auth ServerAuth Server .NET Core 개발 로그 의 OData(Open Data Protocol) .NET Core 에서 OData 기능 을 사용 하려 면 Microsoft.AspNetCore.OData 패 키 지 를 추가 해 야 합 니 다. OData 는 EDM,즉 Entity Data Model 을 사용 하여 데이터 의 구 조 를 설명 합 니 다.Startup 파일 에 생 성 방법 을 추가 합 니 다. 여기 서 주의해 야 할 것 은.NET Core 2.2 에 기본적으로 끝 점 이 있 ... core개발 일지odata
[MGS 3기] - 7. CSS 기초 오늘은 only 온라인 강의로만 진행했습니다! 온라인 강의를 열심히 수강하고 내용들을 간추려보았습니다. 이제부터 본격적으로 CSS를 다루게 될 것 같네요. 스타일을 적용할 웹 페이지의 head 태그에 link 태그를 사용하여 외부 스타일 시트를 포함해야만 스타일이 적용됩니다. @import 방식 main.css)에 다른 종속적인 css 파일을 포함하는 식입니다. 당연히 선택할 요소에는 사전에... 개발 일지메가바이트 스쿨MGSMGS [MGS 3기] - 8. CSS 심화 padding 속성은 내용(content)과 테두리(border) 사이의 간격인 패딩 영역의 크기를 설정합니다. background-image 속성은 해당 HTML 요소의 배경으로 나타날 배경 이미지(image)를 설정합니다. background-repeat 속성을 이용하면 이러한 배경 이미지를 수평이나 수직 방향으로만 반복되도록 설정할 수 있습니다. background-position 속성... 개발 일지메가바이트 스쿨MGSMGS [MGS 3기] - 6. HTML 기초 하지만 닫기 태그가 없을 경우 복잡한 디자인의 경우 브라우저가 잘못 표현 할 수 있고, 이에 따라 대부분의 개발자들은 항상 태그를 닫는 것을 기준으로 사용하고 있습니다. 또한 한 태그가 다른 태그를 감싸는 구조를 이룰 때에는, 닫는 태그까지 모두 감싸고 있어야 합니다. HTML 태그 중에는 스스로 닫는 태그들(Self-Closing Tag)도 존재합니다. 첫 번째 h1 태그 같은 경우에는, ... 개발 일지메가바이트 스쿨MGSMGS [MGS 3기] - 5. CS/HTML 기초 메모리의 개념은 아이러니하게도 컴퓨터 자체의 개념을 먼저 이해하면 더욱 쉽게 이해할 수 있습니다. 컴퓨터는 곧 메모리에 있는 data를 CPU를 통해 계산해주는 계산기라고 볼 수 있기 때문입니다. 그래서 우리가 특정 문자나 숫자를 칠 때에도, 16진법을 이용해 0과 1로 된 신호를 주고 받는 과정을 거치게 됩니다. 이는 곧 10진수를 저장할 수 있는 메모리를 미리 확보하고, a라는 글자로 주... 개발 일지메가바이트 스쿨MGSMGS moeum ) iOS 개발 일지 #1 일기 UICollectionView의 Cell의 높이 변경과 UICollectionView의 높이 변경을 했다. UIView의 애니메이션을 처음 해봤는데, 아직 많이 부족하다. UI 스크린샷 UICollectionView Cell Height 변경 collectionViewHeight가 변경되면 collectionView의 performBatchUpdates를 호출해서 변경된 크기를 다시 렌... iOS개발 일지moeumiOS moeum ) iOS 개발 일지 #3 일기 AutoLayout으로 삽질을 꽤 오래했는데, 사이트가 유용했다. UI 스크린샷 UICollectionViewCell - AutoLayout 문제는 UICollectionViewCell을 AutoLayout으로 생성하는데, init에서 AutoLayout을 잡으면, 아직 frame이 잡히지 않은 상태에서 anchor를 연결하고, 에러 메세지를 낸다. CalendarCollectionVi... moeumiOS개발 일지UICollectionViewCellUICollectionViewCell RxJS로 React 렌더링 성능 개선하기 특히 내부 구현을 확실하게 모르는 코드를 가져다 사용할 때 이런 문제가 더 발생하는 것 같습니다. 오늘은 react-router를 사용할 때 생겼던 문제와, 결과적으로 RxJS를 도입해 개선했던 과정을 정리해보려 합니다. RouterContext의 location 값을 return하는걸 볼 수 있습니다. constructor를 보시면, history에 listener를 등록해서 history... 개발 일지rxjsReactReact 05) 개인 프로젝트) Auth인증 구현 Part 1 Request 경로 처리기에서 나중에 사용할 수 있도록 인증 된 사용자에 대한 정보를 첨부합니다. 인증이 되면 서버는 인증을 증명하기 위해 후속 요청에서 인증 헤더에 전달자 토큰으로 전송할 수 있는 를 발행합니다. 인증 구현을 위한 패키지 다운로드 사용자이름과 암호를 통해 인증을 구현하기 위해 [passport-local] 패키지를 설치해야합니다. Auth구현을 위한 Module과 Servi... JWTNestJSrestapiJavaScripttypescript개발 일지Auth ServerAuth Server .NET Core 개발 로그 의 OData(Open Data Protocol) .NET Core 에서 OData 기능 을 사용 하려 면 Microsoft.AspNetCore.OData 패 키 지 를 추가 해 야 합 니 다. OData 는 EDM,즉 Entity Data Model 을 사용 하여 데이터 의 구 조 를 설명 합 니 다.Startup 파일 에 생 성 방법 을 추가 합 니 다. 여기 서 주의해 야 할 것 은.NET Core 2.2 에 기본적으로 끝 점 이 있 ... core개발 일지odata